{% extends "base.html" %}

{% block topbuttons %}
    <a href="javascript:javascript:history.go(-1)"
       data-icon="arrow-l"
       data-iconpos="notext">Назад</a>
    <a href="/?rnd={{ rnd }}"
       data-icon="home"
       data-iconpos="notext">Домой</a>
{% endblock %}

{% block content %}
    <h2 style="margin-top: 0px;margin-bottom: 4px;">Узел дерева решений</h2>

    <div class="tip">Задача:
        {% if quest.key != node.key %}
            <a href="/tree?id={{ quest.key }}&node={{ quest.key }}&rnd={{ rnd }}">Переход</a>
        {% endif %}
        {% if quest.childs > 1 %}
            <font color="black">
                {% include "num" with n=quest.childs word="веток" sing="ветка" word2="ветки" %}</font>
        {% endif %}
    </div>
    <div class="quest">{{ quest.text|linebreaksbr }}</div>

    <br>

    <div class="indent">
        {% if node.key != quest.key %}
            {% if node.previous.key != quest.key %}
                {% with node.previous as node %}
                    <div class="tip">
                        {% if node.previous.key != quest.key %}
                            ...<br><br>предыдущий шаг&nbsp;
                        {% else %}
                            Первый шаг&nbsp;
                        {% endif %}
                        <a href="/tree?id={{ quest.key }}&node={{ node.key }}&rnd={{ rnd }}">Переход</a>
                        {% if node.childs > 1 %}<font color="black">{% include "num" with n=node.childs word="веток" sing="ветка" word2="ветки" %}{% endif %}
                        {% if node.like %}Хорошо <font color="#377de6">{{ node.like }}%</font>&nbsp;&nbsp;{% endif %}
                        {% if node.bad %}Плохо <font color="Red">{{ node.bad }}%</font>&nbsp;&nbsp;{% endif %}
                        {% include "num" with n=node.imps word="мнений" sing="мнение" word2="мнения" %}
                    </div>
                    <div class="state">{{ node.text|linebreaksbr }}</div>
                    <div class="tip" style="margin-top: 9px; margin-bottom: 5px;">потом</div>
                {% endwith %}
            {% endif %}

            <div class="tip">
                {% if node.previous.key == quest.key %}Выбраный начальный {% else %}Выбраный {% endif %}шаг&nbsp;
                {% comment %}<a href="/tree?id={{ quest.key }}&view=way&node={{ node.key }}&rnd={{ rnd }}">Whole way</a>{% endcomment %}
                {% if node.childs > 1 %}<font color="black">{% include "num" with n=node.childs word="веток" sing="ветка" word2="ветки" %}{% endif %}
                {% if node.like %}Хорошо <font color="#377de6">{{ node.like }}%</font>&nbsp;&nbsp;{% endif %}
                {% if node.bad %}Плохо <font color="Red">{{ node.bad }}%</font>&nbsp;&nbsp;{% endif %}
                {% include "num" with n=node.imps word="мнений" sing="мнение" word2="мнения" %}
            </div>
            <div class="state"><b>{{ node.text|linebreaksbr }}</b></div>

        {% endif %}

        {% if childs %}
            <div class="tip" style="margin-top: 9px; margin-bottom: 5px;">
                {% if node.key == quest.key %}
                    Варианты начального шага:
                {% else %}
                    потом </div>
                    <div class="tip" style="margin-bottom: 5px;">Варианты следующего шага:
                {% endif %}
                </div>
            <div class="indent">
            {% for node in childs %}
                {% if not forloop.first %}
                    <div class="tip" style="margin-top: 9px; margin-bottom: 5px;">или</div>
                {% endif %}
                <div class="tip">
                    <a href="/tree?id={{ quest.key }}&node={{ node.key }}&rnd={{ rnd }}">Переход</a>
                    {% if node.childs > 1 %}<font color="black">{% include "num" with n=node.childs word="веток" sing="ветка" word2="ветки" %}{% endif %}
                    {% if node.like %}Хорошо <font color="#377de6">{{ node.like }}%</font>&nbsp;&nbsp;{% endif %}
                    {% if node.bad %}Плохо <font color="Red">{{ node.bad }}%</font>&nbsp;&nbsp;{% endif %}
                    {% include "num" with n=node.imps word="мнений" sing="мнение" word2="мнения" %}
                </div>
                <div class="state">{{ node.text|linebreaksbr }}</div>
            {% endfor %}
            <div class="tip">&nbsp;</div>
        {% else %}
            <h1><font color="grey">Нет вариантов следующего шага</font></h1>
        {% endif %}

        <form action="/add?type=node&id={{ quest.key }}&previous={% if node %}{{ node.key }}{% else %}{{ quest.key }}{% endif %}&rnd={{ rnd }}"
              method="post">
            Добавить свой вариант {% if quest.key == node.key %}первого{% else %}следующего{% endif %} шага:
            <textarea name="text" rows="5" cols="60"></textarea>
            <input type="submit"
                   value="Добавить вариант {% if quest.key == node.key %}первого{% else %}следующего{% endif %} шага"
                   data-theme="b"
                   data-inline="true"
                   data-icon="check">
        </form>
        </div>
    </div>
{% endblock %}